@rem:75rem;

.guidPage{
    .page1{
        width: 100%;
        height: 882/@rem;
        background: url('../images/01.png') no-repeat;
        background-size: cover;
        padding: 282/@rem 72/@rem 0;
    }
    .page2{
        width: 100%;
        height: 540/@rem;
        background: url('../images/02.jpg') no-repeat;
        background-size: cover;
        padding: 0 72/@rem;
        p{
            &:nth-child(2){
                margin-bottom: 0;
            }
            &:nth-child(3){
                margin-top: 0;
            }
        }
    }
    
    .page3{
        width: 100%;
        height: 716/@rem;
        background: url('../images/03.jpg') no-repeat;
        background-size: cover;
        padding: 0 72/@rem;
    }
    .page4{
        width: 100%;
        height: 468/@rem;
        background: url('../images/05.jpg') no-repeat;
        background-size: cover;
        padding: 0 72/@rem;
    }
    .page5{
        width: 100%;
        height: 420/@rem;
        background: url('../images/06.jpg') no-repeat;
        background-color: #333;
        background-size: cover;
        padding: 0 72/@rem;
        .icon{
            margin-top: 50/@rem;
            height: 190/@rem;
            width: 190/@rem;
            margin:0 auto;
            background: url('../images/logo_icon.png') no-repeat;
            background-size: cover;
            
        }
    }
}
p{
   font-family: 'PingFangSC-Regular';
    font-size: 24/@rem;
    color: #FFFFFF;
    letter-spacing: 0.9/@rem;
    line-height: 30/@rem;
    margin-top: 38/@rem; 
    margin-bottom: 50/@rem;
    text-indent: 50/@rem;
    &.noIndent{
        text-indent: 0;
    }
}

h3{
    font-size: 24/@rem;
    color: #F9FBFB;
    font-family: 'PingFangSC-Regular';
    letter-spacing: 1.43/@rem;
    line-height: 33/@rem;
    
    padding: 10/@rem 20/@rem;
    border-radius: 33/@rem;
    background-color: #C12569;
    border-bottom: 3px solid #972361;
    box-shadow: 0 1/@rem 10/@rem #0B0B0D;
    
    position: relative;
    left: -10/@rem;
}
